html,
body,
:global(#root) {
	height: 100%;
}

:global {
	body {
		background-color: #ececec !important;
	}
	.tl {
		text-align: left;
	}
	.tr {
		text-align: right;
	}
	.tc {
		text-align: center;
	}
	.fr {
		float: right;
	}
	.fl {
		float: left;
	}
	/* 清除浮动 */
	.clearfix {
		display: block;
		zoom: 1;
	}
	*html .clearfix {
		height: 1%;
		zoom: 1;
	}
	.underline {
		text-decoration: underline;
	}
	.linethrough {
		text-decoration: line-through;
	}
	.hide {
		display: none !important;
	}
	.show {
		display: block !important;
	}
	.ell {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
	}
	.flex1 {
		-webkit-box-sizing: border-box;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		flex: 1;
	}
	.ant-table table,
	.ant-table-thead>tr>th {
		text-align: center !important;
	}
	/* use css to set position of modal */
	.vertical-center-modal {
		text-align: center;
		white-space: nowrap;
	}
	.vertical-center-modal:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		width: 0;
	}
	.vertical-center-modal .ant-modal {
		display: inline-block;
		vertical-align: middle;
		top: 0;
		text-align: left;
	}
	.preview-modal {
		width: auto !important;
		max-width: 1200px;
	}
	.preview-modal .ant-modal-body {
		max-height: 800px;
		overflow: auto;
	}
	.modal-form {
		max-height: 510px;
		overflow-y: auto;
	}
	.ant-radio-group.vertical-radio {
		.ant-radio-button-wrapper {
			display: block;
			border-left: 1px solid #d9d9d9;
			border-top: 0;
			&:first-child {
				border-radius: 4px 4px 0 0;
				border-top: 1px solid #d9d9d9;
			}
			&:last-child {
				border-radius: 0 0 4px 4px;
			}
		}
		.ant-radio-button-wrapper-checked {
			box-shadow: 0px -2px 0px -1px @primary-color;
			border-left-color: @primary-color;
			&:first-child {
				border-color: @primary-color;
				box-shadow: none!important;
			}
		}
	}
	@font-face {
		font-family: 'anticon';
		/* project id 257825 */
		src: url('//at.alicdn.com/t/font_1s8q4odewxw29.eot');
		src: url('//at.alicdn.com/t/font_1s8q4odewxw29.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1s8q4odewxw29.woff') format('woff'), url('//at.alicdn.com/t/font_1s8q4odewxw29.ttf') format('truetype'), url('//at.alicdn.com/t/font_1s8q4odewxw29.svg#iconfont') format('svg');
	}
	.anticon-test:before {
		content: "\a002";
	}
	/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
	::-webkit-scrollbar {
		background-color: transparent!important;
		border-radius: 5px;
		width: 8px;
		height: 8px;
		margin-right: 5px;
		right: 5px;
	}
	::-webkit-scrollbar-corner {
		background-color: rgba(64, 149, 239, 0.4);
	}
	/*定义滑块，内阴影及圆角*/
	::-webkit-scrollbar-thumb {
		background-color: @primary-color;
		border-radius: 5px;
	}
	/*滚动条按钮*/
	::-webkit-scrollbar-button {
		height: 0;
		width: 0;
	}
	/*定义滚动条的轨道，内阴影及圆角*/
	::-webkit-scrollbar-track { 
		background-color: #ececec;
		border-radius: 5px;
	}
	.container {
		height: 100%;
		overflow-y: auto;
	}
}